<template>
  <div id="app">
    <!--头部-->
    
  <mt-header fixed title="MM商城"></mt-header>

    <router-view/>

    <!--尾部-->
    
  <nav class="mui-bar mui-bar-tab">
    <router-link class="mui-tab-item" to="/home">
      <span class="mui-icon mui-icon-home"></span>
      <span class="mui-tab-label">首页</span>
    </router-link>
    <router-link class="mui-tab-item" to="/tabbar-with-chat">
      <span class="mui-icon mui-icon-email">
      </span>
      <span class="mui-tab-label">会员</span>
    </router-link>
    <router-link class="mui-tab-item" to="/Cart">
      <span class="mui-icon mui-icon-contact">
       <span class="mui-badge">9</span>
      </span>
      <span class="mui-tab-label">购物车</span>
    </router-link>
    <router-link class="mui-tab-item" to="/tabbar-with-map">
      <span class="mui-icon mui-icon-gear"></span>
      <span class="mui-tab-label">搜索</span>
    </router-link>
  </nav>

  </div>
</template>

<script>
import Vue from 'vue';
import { Header } from 'mint-ui';

Vue.component(Header.name, Header);


export default {
  name: 'app'
}
</script>

<style>

</style>
